<!--协议-->
<template>
  <div class="main_box" :style="{ height: height + 'px' }">
    <Aside></Aside>
    <router-view v-if="isRouterAlive"></router-view>
  </div>
</template>
<script>
import Aside from './comp/aside';

export default {
  components: {
    Aside,
  },
  provide () {
    return {
      reload: this.reload
    }
  },
  data () {
    return {
      height: null,
      isRouterAlive: true
    }
  },
  methods: {
    reload () {
      this.isRouterAlive = false
      this.$nextTick(function () {
        this.isRouterAlive = true
      })
    }

  },
  mounted () {

  }
}
</script>
<style lang="scss" scoped>
.main_box {
  position: relative;
}
</style>